<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>demo</title>
    <!-- Bootstrap -->
    <link href="http://devstatic.joyowo.com/lib/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://devstatic.joyowo.com/public/global/dist/css/global/4.0.0/global.css" rel="stylesheet">
    <link href="http://devstatic.joyowo.com/public/xm/dist/css/common/4.0.0/common.css" rel="stylesheet">
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://devstatic.joyowo.com/lib/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="http://devstatic.joyowo.com/lib/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="http://devstatic.joyowo.com/public/global/dist/js/global/4.0.0/global.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="http://devstatic.joyowo.com/lib/plugins/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="http://devstatic.joyowo.com/lib/plugins/respond/1.4.2/respond.min.js"></script>
    <style>
        .container {
          width: 1220px;
        }
    </style>
    <![endif]-->
    <!--[if (gt IE 8)|!(IE)]><!-->
    <link href="http://devstatic.joyowo.com/lib/plugins/pace/themes/blue/pace-theme-flash.css" rel="stylesheet" />
    <script src="http://devstatic.joyowo.com/lib/plugins/pace/pace.min.js"></script>
    <!--<![endif]-->
    <script src="http://devstatic.joyowo.com/lib/seajs/2.3.0/sea.js"></script>
    <script src="http://devstatic.joyowo.com/public/global/config/seajs/seajs-config.js"></script>
</head>

<body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header col-sm-3 col-md-2 ">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Project name</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">Dashboard</a></li>
                    <li><a href="#">Settings</a></li>
                    <li><a href="#">Profile</a></li>
                    <li><a href="#">Help</a></li>
                </ul>
                <form class="navbar-form navbar-right">
                    <input type="text" class="form-control" placeholder="Search...">
                </form>
            </div>
        </div>
    </nav>
    <div class="container-fluid  container-fluid-mian">
        <div class="row">
            <div class="col-sm-3 col-md-2 sidebar">
                <ul class="nav nav-sidebar">
                    <li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
                    <li><a href="#">Reports</a></li>
                    <li><a href="#">Analytics</a></li>
                    <li><a href="#">Export</a></li>
                </ul>
                <ul class="nav nav-sidebar">
                    <li><a href="">Nav item</a></li>
                    <li><a href="">Nav item again</a></li>
                    <li><a href="">One more nav</a></li>
                    <li><a href="">Another nav item</a></li>
                    <li><a href="">More navigation</a></li>
                </ul>
                <ul class="nav nav-sidebar">
                    <li><a href="">Nav item again</a></li>
                    <li><a href="">One more nav</a></li>
                    <li><a href="">Another nav item</a></li>
                </ul>
            </div>
            <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 page-header">
                Dashboard
            </div>
            <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
                <h3 class="m-b-sm">Basic example</h3>
                <p class="m-b-md">By default, all the <code>.panel</code> does is apply some basic border and padding to contain some content</p>
                <div class="row">
                    <div class="col-md-12">
                        <div class="panel">
                            <div class="panel-body">
                            	<p><strong>API:</strong><a href="http://rocha.la/jQuery-slimScroll">http://rocha.la/jQuery-slimScroll</a>
                            	</p>
                                Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example Basic panel example
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
	seajs.use('{plugins}/slimscroll/1.3.6/slimscroll', function  () {
		$('.panel-body').slimscroll({
			height: 200,
			alwaysVisible: true//一直显示滚动条
		})
	})
</script>
</html>
